<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<title>首页</title>
		<link rel="stylesheet" href="css/main.css" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<script type="text/javascript" src="js/2.1.4jquery.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
	</head>
	<body>
		<div id="" style="width: 5rem;background-color: #007AFF;height: 5rem;font-size: .58rem;">
			dfasdfsfa
		</div>
	<script>
		(function(docs, win) {
			var docEls = docs.documentElement,
				resizeEvts = 'orientationchange' in window ? 'orientationchange' : 'resize',
				recalcs = function() {
					window.rem = docEls.getBoundingClientRect().width / 10;
					docEls.style.fontSize = window.rem + 'px';
				};
			recalcs();
			if (!docs.addEventListener) return;
			win.addEventListener(resizeEvts, recalcs, false);
		})(document, window);
	</script>
	</body>
</html>
